<!DOCTYPE html>
<html>
   <head>
      <title>Chirping</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!--
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
         <link href="/static/plugins/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
      -->
      <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
      <link href="/static/theme.css" rel="stylesheet">
      <link id='font-size' href="/static/font-medium.css" rel="stylesheet">
   </head>
   <body>
      <blockquote class="">
         Chirping
         <small class='text-warning'>This sounds like a plot to <cite title="Porn Movie">Porn Movie</cite> without the happy ending.</small>
      </blockquote>

      {% include 'menu.html' %}
      <div class="container">

         {% block body %}
         {% endblock %}

      </div>
      <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
      <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
      {% include 'foot.html' %}
      {% include 'utility.html' %}
      {% include 'theme.html' %}
   </body>
</html>
